<template>
  <div class="block">
    <el-carousel
      trigger="click"
      height="550px"
    >
      <el-carousel-item
        v-for="(intro,index) in introductions"
        :key="index"
      >
        <img class="intro-img" :src="intro" />
      </el-carousel-item>
    </el-carousel>
    <!--<el-checkbox
      class="check"
      v-model="state"
    >
      下次跳过新手指引
    </el-checkbox>-->
  </div>
</template>

<script>
export default {
  name: 'MeetingRoomTip',
  data () {
    return {
      introductions: [
        'https://user-images-1257142679.cos.ap-chengdu.myqcloud.com/88d3d385fe76a418d3fd36cf791b9cc5',
        'https://user-images-1257142679.cos.ap-chengdu.myqcloud.com/6fb2969dc054c77a5dbfa174621d84c1'
      ]/*,
      state: false */
    }
  }/*,
  watch: {
    state () {
      this.handleUpdateBeginnerState()
    }
  },
  methods: {
    /!**
       * 更新新手状态
       *!/
    handleUpdateBeginnerState () {
      this.$request.user.updateBeginnerState(
        !this.state,
        res => {},
        err => {
          this.$message.error(err.msg)
        }
      )
    }
  } */
}
</script>
<style>
  .el-carousel__item {
    background-color: #99a9bf;
  }
  .intro-img {
    width: 100%;
  }
  .check {
    margin-top: 10px;
  }
</style>
